<template>
    <transition name="fade">
        <div v-show="$store.state.loading"></div>
    </transition>
</template>
<style scoped>
    div{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        width:100%;
        opacity: 0.95;
        background:#eeeeee url("../assets/loading.jpg") center center no-repeat;
        background-size:400px auto
    }
</style>
<style>
    .fade-enter,.fade-leave-to{
        opacity: 0;
    }
    .fade-enter-active,.fade-leave-active{
        transition:all .5s;
    }
</style>